$(function () {
    function getcategorytitle() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getcategorytitle',
            success: function (res) {
                console.log(res);
                $('#category  .category-title').html(template("getcategoryTpl", res));
            }
        })
    };
    getcategorytitle()

    $('.category-title').on('click', '.category_title ', function () {
        $(this).next().toggle()
        var _this = $(this).next()
        let id = $(this).attr('data-id');
        // $(this).parent().hasClass('cateHide') ? $(this).parent().removeClass('cateHide') : getcategory();
        getcategory();

        function getcategory() {
            $.ajax({
                type: 'get',
                url: 'http://localhost:3000/api/getcategory',
                data: {
                    titleid: id
                },
                dataType: 'json', //text,json,xml,jsonp
                success: function (res) {
                    console.log(_this)
                    _this.html(template("categoryTpl",res));
                }
            })
        }
    })
    // $('.row .category-title').on('click', '.category_title ', function () {
    //     console.log($('#' + this.id));
    //     let id = $(this).attr('data-id');
    //     $(this).parent().hasClass('cateHide') ? $(this).parent().removeClass('cateHide') : getcategory();
    //     getcategory();

    //     function getcategory() {
    //         $.ajax({
    //             type: 'get',
    //             url: 'http://localhost:3000/api/getcategory',
    //             data: {
    //                 titleid: id
    //             },
    //             dataType: 'json', //text,json,xml,jsonp
    //             success: function (res) {

    //                 $('#' + this.id).html(template('categoryTpl'), res);
    //             }
    //         })
    //     }
    // })
})